<html>
<head>
<META HTTP-EQUIV="MSThemeCompatible" CONTENT="yes">


<style type="text/css">
	#iViewList
	{
	BORDER-RIGHT: gray thin groove;
	BORDER-TOP: gray thin groove;
	BORDER-LEFT: gray thin groove;
	BORDER-BOTTOM: gray thin groove;
	width:280px;
	height:100px;
	overflow:auto;
	}
	#iItemTbl
	{
	width:280px;
	height:100px;
	position:relative;
	font-style:SegoeUI;
	font-size:14;
	}

	body
	{
	width:280px;
	height;100px;
	scrollbar-face-color:white;

	}
	.spanFld
	{
	width:240px;
	}

	.inputFld
	{
	BORDER-RIGHT: black 1px solid;
	BORDER-TOP: black 1px solid;
	BORDER-LEFT: black 1px solid;
	BORDER-BOTTOM: black 1px solid;
	width:150px;
	height:20px;
	font-style:SegoeUI;
	font-size:14;
	}
	.btn
	{
	color:white;
	border:1px solid;
	scrollbar-face-color:white;
	filter:progid:DXImageTransform.Microsoft.Gradient
	(GradientType=0,StartColorStr='#000000',EndColorStr='#5fa5ac');
	}

</style>

<script type="text/javascript" src="js/gadget.js"></script>

<script>


var iDocHeight = 90;

var iRowCounter = 0;
var newShortcut = null;
var L_InvalidPath_ErrorMessage = "A shortcut could not be made to the given path.";
var bFirstTimeThrough = true;

var tmpArray = null;
var tmp2Array = new Array();


function HasSpace()
{
    var ret = true;
    if (launcherSettings.linksList.length == maxLinks)
    {
        ret = false;
        for (var i = 0;i < maxLinks && !ret; i++)
        {
            ret = (launcherSettings.linksList[i] == Empty);
        }
    }
    return ret;
}

function LoadSettings()
{
    System.Gadget.onSettingsClosing = SettingsClosing;

    GetLauncherSettings();

    if (launcherSettings.linksList == undefined | launcherSettings.linksList == "")
    {
       DisplayNoLinks(true);
    }
    else
    {
       DisplayNoLinks(false);
       tmpArray = launcherSettings.linksList;
       bldShortCuts();
    }
}
function DisplayNoLinks(tf)
{
    var t1 = null;

    if (tf)
    {

        t1 = document.getElementById("idShortcutList");
        t1.style.display = "none";
        idNoShortcutList.style.display = "";
        document.body.style.height = "150px";
        document.getElementById("L_REMOVE").disabled=true;
        document.getElementById("L_ADD").disabled=false;

    }
    else
    {
      idShortcutList.style.display  = "";
      idNoShortcutList.style.display = "none";
      document.getElementById("L_REMOVE").disabled=false;
    }
}
function SettingsClosing(event)
{
    if (event.closeAction == event.Action.commit)
    {
        SaveSettings();
    }
    else if(eevent.closeAction == event.Action.cancel)
    {
    }
    //event.Cancel = true;
}



function SaveSettings()
{
//

   try
   {
       var shortcutCounter = tmpArray.length

       if ( shortcutCounter < 5)
       {
            nHeight	= 130;
            nWidth	= 130;
            nRows	=2;
            nCols	=2;
       }
       else if ( shortcutCounter < 7 )
       {
            nHeight	= 94;
            nWidth	= 130;
            nRows	=3;
            nCols	=2;
       }
        else if ( shortcutCounter < 10 )
       {
            nHeight	= 130;
            nWidth	= 130;
            nRows	=3;
            nCols	=3;
       }
        else if ( shortcutCounter < 13 )
       {
            nHeight	= 167;
            nWidth	= 130;
            nRows	=4;
            nCols	=3;
       }
        else if ( shortcutCounter < 17 )
       {
            nHeight	= 130;
            nWidth	= 130;
            nRows	=4;
            nCols	=4;
       }
        else if ( shortcutCounter < 21 )
       {
            nHeight	= 158;
            nWidth	= 130;
            nRows	=5;
            nCols	=4;
       }

        System.Gadget.Settings.write("Rows", nRows);
        System.Gadget.Settings.write("Cols", nCols);
        System.Gadget.Settings.write("Width", nWidth);
        System.Gadget.Settings.write("Height", nHeight);

        System.Gadget.Settings.write("Links", tmpArray.toString() );
    }
    catch (e)
    {
    }
}

function bldShortCuts()
{
    var img = null;
    var fileName = null;
    var iHeight = 0;
    var arFileName = null;


    while (iItemTbl.rows.length > 0)
    {
        iItemTbl.deleteRow(0);
    }

    for (var i = 0;i < tmpArray.length ; i++)
    {
       if (tmpArray[i] != Empty)
       {
       label = 'filename / label here';

        arFileName = null;

       fileName = tmpArray[i];

       arFileName = fileName.split("\\");

       label = arFileName[arFileName.length - 1];

       label = label.split(".")[0];

	   img = "gimage:///" + ( FileExists(fileName) ? fileName : errorImageFile )   +  "?width=20&height=20";
	   row = iItemTbl.insertRow(i);

		cell = row.insertCell();
		cell.setAttribute("vAlign", "top");

		id = "r"+ i + "c0";
		cell.innerHTML = '<input type="checkbox" id="'+ id + '" />';

		cell = row.insertCell();
		id = "r"+i + "c1";
		cell.innerHTML = "<img src='" + img + "' />";
		cell.setAttribute("vAlign","top");

		cell = row.insertCell();
		id = "r"+ i + "c2";
		cell.innerHTML = "<input type='text' class='inputFld' value='"+ label +"' />"
		cell.setAttribute("vAlign","top");
		cell.setAttribute("nowrap");

		cell = row.insertCell();
		id = "r"+ i + "c3";
		cell.innerHTML ="<span id='" + id + "' class='spanFld'>"+ fileName + "</span>";
		cell.setAttribute("vAlign","top");
       }
    }
	iHeight = 0;

	for (var i=0; i <= 5; i++)
	{
		if (iItemTbl.rows(i) != null )
		{
			iHeight = iHeight + iItemTbl.rows(i).offsetHeight +5;
		}
	}

    document.body.style.height = ((1*iDocHeight) + (1*iHeight) )+"px";

    document.body.style.width = "670px";

    iViewList.style.height = (iHeight) + "px" ;

    iItemTbl.style.pixelTop = 0;


    document.getElementById("L_ADD").disabled = (tmpArray.length < maxLinks ? false : true);

}

function delLinks()
{
    var newLinkList = new Array();
    var index = 0;

    tmpArray.splice(0,tmpArray.length);

    for (var i = 0; i < iItemTbl.rows.length ; i++)
    {
	  id = "r"+i+"c0";
      if (! document.getElementById(id).checked)
      {
		tmpArray[ index++ ] = document.getElementById("r"+i+"c3").innerHTML;
      }
    }

    if (tmpArray.length == 0)
    {
       idShortcutList.style.display="none";
       idNoShortcutList.style.display = "";
       DisplayNoLinks(true)
    }
    else
    {
       bldShortCuts();
    }
}
function increment()
{
	return ++iRowCounter
}

function setAttribs(o)
{
	var i = increment();
	o.id = "name" + i
	return i+"P";
}

function addHeight(o)
{
	tmp2Array[ (tmp2Array.length==0 ? 0 : tmp2Array.length+1 ) ] = o.offsetHeight;
}

function scrollDn()
{
	if (iItemTbl.style.pixelTop == 0) return;
	iItemTbl.style.pixelTop = iItemTbl.style.pixelTop + 20;
}

function scrollUp()
{
	var y1 = iViewList.offsetTop + iViewList.offsetHeight;
	var y2 = iItemTbl.offsetTop + iItemTbl.offsetHeight;

	if (y2 - y1 > 0)
	{
		iItemTbl.style.pixelTop = iItemTbl.style.pixelTop - 20;
	}
}

function browseFile()
{
	document.getElementById("iFile").click();

}

function UpdateShortCuts(o)
{
    tmpArray[tmpArray.length] = o.value;
    bldShortCuts();
    o.value = "";
}
</script>




</head>

<body onload="LoadSettings()">

  <div id="idShortcutList">
    <table>
        <tr>
            <td>
                <div id="iViewList" >
		            <TABLE id="iItemTbl"   cellpadding=5>
		            </TABLE>
                </div>
	            <br>

            </td>
        </tr>
    </table>

  </div>
  <div id="idNoShortcutList" style="display:none">
      <TABLE width="100%">
		<TR>
  			<TD><h3 id="L_RhortCutsToDelete">No shortcuts to delete.</h3></TD>
        </TR>
      </TABLE>
  </div>

  <button class="btn" id="L_REMOVE" onclick="delLinks();">Remove</button>&nbsp;&nbsp;<button class="btn" id="L_ADD" onclick="browseFile();"> Add </button>

   <input id="iFile" onchange="UpdateShortCuts(this);" style="display:none" type="file" />

</body>
</html>